<template>
    <div class="meeting-task">
        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
            <el-tab-pane label="待办会议" name="toDoTask">
                <to-do-meeting/>
            </el-tab-pane>
            <el-tab-pane label="我参加过的会议" name="finishedTask" :lazy="true">
                <finished-meeting/>
            </el-tab-pane>
            <el-tab-pane label="未参加的会议" name="undoneTask" :lazy="true">
                <undone-meeting/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import ToDoMeeting from "./ToDoMeeting.vue";
import FinishedMeeting from "./FinishedMeeting.vue";
import UndoneMeeting from "./UndoneMeeting.vue";
export default {
    name: "MeetingTask",
    components: {UndoneMeeting, FinishedMeeting, ToDoMeeting},
    data(){
        return {
            activeName: 'toDoTask'
        }
    },
    methods: {
        handleClick(){

        }
    }
}
</script>

<style scoped>
*{

}
.meeting-task{
    background: white;
    min-height: 99%;
    padding: 0 20px;
}
</style>
